@charset "utf-8";
@import "_common.scss";
@import "_init.scss";
.web {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background: url(../img/website_bg.jpg);
    //头部  S
    header{
        background: #000000;
        width: 100%;
        height: r(90);
        display: flex;
        justify-content: space-around;
        align-items: center;
        p:first-child{
            color: #FFFFFF;
            font-size: r(35);
        }
        p:nth-child(2){
            font-size: r(36);
            color: #FFFFFF;
           width: r(380);
            text-align: left;
        }
        i{
            font-size: r(35);
            color: #FFFFFF;
        }
        
    }
    //头部  E
    //中部  S
    section{
        flex: 1;
        .yonghu{
            background: url(../img/个人中心_02.jpg);
            background-size: cover;
            width: 100%;
            height: r(280);
            display: flex;
            justify-content: space-around;
            align-items: center;
            .touxian{
                width: r(110);
                height: r(110);
                border-radius: 50%;
                background: #FFFFFF;
                text-align: center;
                line-height: r(100);
                margin-left: r(30);
                margin-top: r(20);
                i{
                    font-size: r(50);
                    color: #2c304a;
                    
                }
            }
            .yonghuming{
                margin-bottom: r(30);
                p{
                    font-size: r(36);
                    color: #FFFFFF;
                }
            }
            .dizhi{
                align-self: flex-end;
                margin-bottom: r(40);
                p{
                    font-size: r(20);
                    color: #c4c4c4;
                    display: inline-block;
                }
                i{
                    font-size: r(22);
                    color:#c4c4c4 ;
                }
            }
        }
        
        .neirong{
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            flex: 1;
            width: 100%;
            height: r(640);
            .dindan{
                width: 96%;
                height: r(80);
                margin: 0 auto;
                background: #FFFFFF;
                border: r(2) #c5c7cb solid;
                
                display: flex;
              justify-content: space-between;
                align-items: center;
                .zuo{
                    display: flex;
                    justify-content: flex-start;
                    width: 35%;
                   
                i:first-child{
                    font-size: r(35);
                    color: #1bb9e6;
                    margin: 0 r(10);
                }
                p{
                    font-size: r(26);
                    color:#606060 ;
                    
                }
                }
                i:last-child{
                    font-size: r(30);
                    color: #949494;
                  
                }
            }
            
            ul{
               
                
            }
        }
        
    }
    
    //中部  E
    //底部  S
    
    //底部  E
}